<?php require_once VIEWPATH.'Common/header.php'; ?>
<link rel="stylesheet" href="<?=STATICURL?>css/other/animate.css?v=<?=$version?>">
<link rel="stylesheet" href="<?=STATICURL?>css/other/animatedresponsiveImagegrid.css?v=<?=$version?>">
<link rel="stylesheet" href="<?=STATICURL?>css/other/magnific-popup.css?v=<?=$version?>">
<link rel="stylesheet" href="<?=STATICURL?>css/other/style.css?v=<?=$version?>">
<script src="<?=STATICURL?>js/other/modernizr-2.6.2.min.js"></script>
<link href="<?=STATICURL?>css/timeline.css?v=<?=$version?>" type="text/css" rel="stylesheet" media="all">
<?php require_once VIEWPATH.'Common/menu.php'; ?>
<div class="contact">
   <div id="ri-grid" class="ri-grid animate-box">
      <img class="ri-loading-image" src="<?=STATICURL?>images/loading.gif"/>
      <ul>
      <?php if(!empty($designerlist)):?>
        <?php foreach($designerlist as $key=> $row):?>
        <li>
          <a href="#">
            <img style="opacity:0.4;" src="<?=UPLOADURL.$row['imageurl']['imgurl']?>"/>
            <div class="desc">
              <h3>Album<br></h3>
            </div>
          </a>
        </li>
        <?php endforeach;?>
        <?php endif;?>
      </ul>
    </div>
    <div class="container">
      <div class="single">
    <div class="container">
      <div class="single-grids" style=";">        
        <div class="col-md-5 single-grid">    
          <div class="flexslider">
            <ul class="slides" style="list-style: none;">
              <li>
                <div class="thumb-image"> <img  src="<?=STATICURL?>images/malinjie.jpg"  class="img-responsive" width="600"> </div>
              </li>
              <li>
              <h3>马琳洁（Rebekah.M)</h3>
                <time datetime="2012-08">
                  <span>艺术家，画家，设计师</span>
                </time>
              </li>
            </ul>
          </div>
        </div>  
       
        <div class="col-md-7 single-grid1">
          <div class="content">
            <article>
              <h3>2016</h3>
              <section>
                <span class="point-time point-grey"></span>
                <time datetime="2016-11">
                  <span>11月</span>
                </time>
                <aside>
                  <p class="things">但丁在中国——当代艺术展</p>
                  <p class="things"><span>北京师范大学四季厅</span>&nbsp;北京</p>
                </aside>
              </section>
              <section>
                <span class="point-time point-grey"></span>
                <time datetime="2016-05">
                  <span>5月</span>
                </time>
                <aside>
                  <p class="things">中间调性——马琳洁水面系列作品展</p>
                  <p class="things"><span>北京105艺术沙龙</span>&nbsp;北京</p>
                </aside>
              </section>
            </article>
            
            <article>
              <h3>2015</h3>
              <section>
                <span class="point-time point-grey"></span>
                <time datetime="2015-05">
                  <span>5月</span>
                </time>
                <aside>
                  <p class="things">“扫一扫”当代艺术展——天津站</p>
                  <p class="things"><span>三远当代艺术中心</span>&nbsp;天津</p>
                  <p class="things"><span>798杨国际艺术中心</span>&nbsp;北京</p>
                </aside>
              </section>
              <section>
                <span class="point-time point-grey"></span>
                <time datetime="2015-02">
                  <span>2月</span>
                </time>
                <aside>
                  <p class="things">走马.入川——马琳洁.姜川双个展</p>
                  <p class="things"><span> 颐和悦馆.莱维艺术空间</span>&nbsp;北京</p>
                </aside>
              </section>
              <section>
              </section>
              <section>
              </section>
            </article>
            <article>
              <h3>2014</h3>
              <section>
                <span class="point-time point-grey"></span>
                <time datetime="2014-05">
                  <span>5月</span>
                </time>
                <aside>
                  <p class="things">“恩典之路”“The Road to Grace” </p>
                  <p class="things"><span>BICF第七届复活节艺术展</span>&nbsp;北京</p>
                </aside>
              </section>
              <section>
                <span class="point-time point-grey"></span>
                <time datetime="2014-04">
                  <span>4月</span>
                </time>
                <aside>
                  <p class="things">凝固.瞬息——马琳洁个展</p>
                  <p class="things"><span>北方工业大学艺术学院</span>&nbsp;北京</p>
                </aside>
              </section>
            </article>
            <article>
              <h3>2013</h3>
              <section>
                <span class="point-time point-grey"></span>
                <time datetime="2012-08">
                  <span>7月</span>
                </time>
                <aside>
                  <p class="things">中国艺术研究院中国油画院优秀毕业生展</p>
                  <p class="things"><span>中国油画院展厅</span>&nbsp;北京</p>
                </aside>
              </section>
            </article>
            <article>
              <h3>2008</h3>
              <section>
                <span class="point-time point-grey"></span>
                <time datetime="2012-09">
                  <span>9月</span>
                </time>
                <aside>
                  <p class="things">毕业于北京北方工业大学艺术学院</p>
                </aside>
              </section>
            </article>
            <article>
              <h3>2007</h3>
              <section>
                <span class="point-time point-grey"></span>
                <time datetime="2012-08">
                  <span>7月</span>
                </time>
                <aside>
                  <p class="things">【美国室内设计中文版】“大师选助手”设计新锐选拔赛优胜奖</p>
                </aside>
              </section>
            </article>
          </div>
            
          </div>
        </div>
        <div class="clearfix"> </div>
      </div>
    </div>
  </div>    
    </div>
  </div>
<!-- footer -->
<?php require_once VIEWPATH.'Common/footer.php'; ?>
  <!-- Waypoints -->
  <script src="<?=STATICURL?>js/other/jquery.waypoints.min.js?v=<?=$version?>"></script>
  <!-- Counters -->
  <script src="<?=STATICURL?>js/other/jquery.countTo.js?v=<?=$version?>"></script>
  <!-- gridrotator -->
  <script type="text/javascript" src="<?=STATICURL?>js/other/jquery.gridrotator.js?v=<?=$version?>"></script>
  <!-- Magnific Popup -->
  <script type="text/javascript" src="<?=STATICURL?>js/other/jquery.magnific-popup.min.js?v=<?=$version?>"></script>
  <!-- Main JS (Do not remove) -->
  <script src="<?=STATICURL?>js/other/main.js?v=<?=$version?>"></script>
  <script type="text/javascript"> 
    $(function() {
      $( '#ri-grid' ).gridrotator( {
        rows : 2,
        // number of columns 
        columns : 10,
        w1024 : { rows : 2, columns : 10 },
        w768 : {rows : 2,columns : 4 },
        w480 : {rows : 2,columns : 3 },
        w320 : {rows : 2,columns : 2 },
        w240 : {rows : 1,columns : 1 },
        preventClick : true
      } );
    });
    
  </script>